@charset "utf-8";

/*
 *  @author   : waitingbar1014
 *  @date     : 2015.04.17
 *  @contactQQ: 514049656
 *  @注：这里主要是存放后台样式
 *
 */

/*---------- normal ----------*/

*{ padding : 0;margin  : 0 ;}
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
body{
	background  : #e2e2e2;
	color : #000;
	font  : 14px/24px "微软雅黑","宋体", Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;	
}
ul {list-style  : none;}
img { border: 0}
em,i {font-style: normal;}
a{
	text-decoration : none;
	color           : #000;
	outline         : none;
}
a:hover{ color : #526eac !important;}
input,textarea {outline : none; resize: none; color: #666;}
.left { float: left !important;}
.right { float: right !important;}
.marB15 { margin-bottom : 15px;}
.clearfix:after{
	display    : block;
	clear      : both;
	content    : "";
	visibility : hidden;
	height     : 0;
}
.clearfix{zoom : 1;}

/* input火狐居中设置 */
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}

/*---------- 引导页 ----------*/
.guidePage_wrap1 {
	background : url(../images/guide_wrap1.jpg) no-repeat center 0;
	position   : fixed;
	width 	   : 100%;
	height     : 100%;
}
.guidePage_wrap2 {
	background : url(../images/guide_wrap2.jpg) no-repeat center 0;
	width      : 1000px;
	height     : 100%;
	margin     : 0 auto;
}
.guidePage_logo {
	background : url(../images/guide_logo.png) no-repeat center bottom;
	height     : 290px;
	margin     : 0 0 75px; 
}
.guidePage_title {
	background : url(../images/guide_title.png) no-repeat center bottom;
	height     : 300px;
	color      : #fff;
	font-size  : 40px; 
	text-align : center;
	height     : 40px;
	line-height: 40px;
	text-indent: -102400px;
	margin     : 0 0 45px;
}


/* 登录框 */
.form_box {
	background : #fff;
	border     : 1px solid #d2d2d2;
	width      : 946px;
	height     : 66px;
	border-radius: 10px;
	padding    : 10px 0 0 20px;
	box-shadow : 0 3px 3px #7a7a7a;
}
.dd_input_txt,.dd_input_submit {
	font-size  : 20px;
	line-height: 52px;
	height     : 52px;
	border-radius : 5px;
	float      : left;
	box-shadow : 0 1px 1px #c5c4c4;

}
.dd_input_txt {
	background : #f7f7f7;
	border     : 1px solid #d2d2d2;
	width      : 328px;
	padding    : 0 20px;
	color      : #999; 
	margin     : 0 20px 0 0;
	
}
.dd_input_submit {
	background : #526dab;
	border     : 0;
	text-align : center;
	color      : #fff;
	width      : 144px;
	cursor     : pointer; 
}

/*---------- 公共页头 ----------*/
.header {
	background : #636da7;
	box-shadow : 0 1px 1px #bec5d5;
	width      : 100%;
	height     : 88px;
	margin     : 0 0 15px;
	color      : #d0cee2;
}
.header a{color: #d0cee2;}
.header_show {
	width      : 1092px;
	margin     : 0 auto;
}
.head_left {
	width      : 177px;
	float      : left;
	text-align : center; 
	padding-top: 15px;
}
.head_left p {
	line-height: 24px;
	height     : 24px;
	overflow   : hidden;
	color      : #fff;
}
.head_right {
	width : 900px;
	float : right;
}
/* nav */
.nav {
	float : left;
	height: 88px;
}
.nav li {
	float : left;
	width : 80px;
	margin: 0 0 0 2px; 
}
.nav li a {
	float     : left;
	text-align: center;
	display   : block;
	width     : 100%; 
	height    : 88px;
}
.nav li a em,.head_tools li a em {
	background: url(../images/head_icon.png) no-repeat; 
	display   : block;
	height    : 52px;
	opacity   : 0.7;
	filter    : alpha(opacity=70);
}
.nav .nav_index    a em { background-position: 26px 25px;}
.nav .nav_products a em { background-position: -57px 25px;}
.nav .nav_guide    a em { background-position: -135px 25px;}
.nav .nav_templet  a em { background-position: -218px 25px;}
.nav .nav_pic      a em { background-position: -311px 25px;}
.nav .nav_user     a em { background-position: -403px 25px;}
.nav .nav_log      a em { background-position: -497px 25px;}

.nav li a:hover,.nav li a.focus {
	background: #393356;
	color: #d0cee2 !important;
}
.nav li a:hover em,.nav li a.focus em {
	opacity   : 1;
	filter    : alpha(opacity=100);
}
/* head_tools */
.head_tools {
	float   : left ;
	margin  : 0 0 0 40px 
}
.head_tools li { float: left;}
.head_tools li a {
	padding : 0 10px;
	float   : left;
}
.head_tools li a em {
	width   : 22px;
	height  : 47px;
	margin  : 0 auto;
}
.head_tools li a:hover  {color: #fff !important;}
.head_tools li a:hover em {opacity : 1;filter: alpha(opacity=100);}
.head_tools .exit a em  { background-position: -701px 25px;}

/*---------- 公共container ----------*/
.container {
	background : url(../images/con_left_bg.jpg) repeat-y; 
	width      : 1092px;
	margin     : 0 auto 30px;
	position   : relative;
	min-height : 560px;
}
.con_left {
	background : #f6f6f6;
	width      : 177px; 
	float      : left;
}
.con_right {
	width      : 900px; 
	float      : right;
}
.h2Title {
	color     : #3f3b3a;
	font-size : 16px;
	margin    : 0 0 15px; 	
	height    : 32px;
	line-height: 32px;
	font-weight: normal;
}
.com_title_box {
	background : #f6f6f6;
	height     : 46px;
	line-height: 46px;
	padding    : 0 20px;
	font-weight: normal;
	font-size  : 16px;
}
.questionTips {
	background : url(../images/icon.png) no-repeat 0 -190px;
	display: inline-block;
	width  : 13px;
	height : 13px;
	vertical-align: -2px;
	margin : 0 5px;
}
.com_con_box {
	background : #fff;
	position   : relative;
	border     : 1px solid #e6e6e6;
	padding    : 20px;
}

/*---------- 公共footer ----------*/
.footer {
	color      : #999;
	text-align : center;
	padding    : 30px 0;
}


/*---------- 添加商品页面 ----------*/

/* 侧导航 */
.dl_nav dt {
	min-height : 46px;
	line-height: 46px;
	margin-bottom: 5px;
}
.dl_nav dt a {
	background: url(../images/dl_nav.png) no-repeat 40px 14px; 
	display   : block;
	height    : 46px;
	padding   : 0 0 0 65px;
}
.dl_nav dt a:hover,.dl_nav dt a.focus {
	background-color: #fff;
	color     : #526eac !important;
	border    : 1px solid #e6e6e6;
	border-right:4px solid #4768a8;
	height    : 44px;
	line-height: 44px;
	padding  : 0 0 0 64px;
	box-shadow: 0 0 1px #4768a8;
}
.dl_nav .nav_products_add      a,
.dl_nav .nav_guide_add         a { background-position: 40px 14px;}
.dl_nav .nav_products_manage   a { background-position: 40px -32px;}
.dl_nav .nav_guide_manage      a { background-position: 40px -562px;}
.dl_nav .nav_products_category a { background-position: 40px -77px;}
.dl_nav .nav_products_label    a,
.dl_nav .nav_guide_label       a { background-position: 40px -120px;}
.dl_nav .nav_products_platform a { background-position: 40px -163px;}
.dl_nav .nav_guide_author      a { background-position: 40px -472px;}
.dl_nav .nav_products_add      a:hover , .dl_nav .nav_products_add      a.focus,
.dl_nav .nav_guide_add         a:hover , .dl_nav .nav_guide_add         a.focus { background-position: 39px -209px;}
.dl_nav .nav_products_manage   a:hover , .dl_nav .nav_products_manage   a.focus { background-position: 39px -255px;}
.dl_nav .nav_guide_manage      a:hover , .dl_nav .nav_guide_manage      a.focus { background-position: 39px -608px;}
.dl_nav .nav_products_category a:hover , .dl_nav .nav_products_category a.focus { background-position: 39px -300px;}
.dl_nav .nav_guide_label       a:hover , .dl_nav .nav_guide_label       a.focus,
.dl_nav .nav_products_label    a:hover , .dl_nav .nav_products_label    a.focus { background-position: 39px -343px;}
.dl_nav .nav_products_platform a:hover , .dl_nav .nav_products_platform a.focus { background-position: 39px -386px;}
.dl_nav .nav_guide_author      a:hover , .dl_nav .nav_guide_author      a.focus { background-position: 39px -518px;}
.dl_nav .nav_guide_add.dtNavFocus a:hover ,
.dl_nav .nav_guide_add.dtNavFocus a.focus { background-position: 39px -429px;}
.dl_nav dt ul { display: none;}
.dl_nav dt li a { background: #faf9f8; margin-bottom: 5px;}
.dl_nav dt li a:hover,.dl_nav dt li a.current {
	background: #a7add0;
	color : #fff !important;
	border-color:#a7add0;
}
.dl_nav .dtNavFocus ul { display:block;}
.dl_products,.dl_guides { margin-bottom: 30px; position: relative;}
.dl_products dt.tit,.dl_guides dt.tit {
	color: #3f3b3a;
	float: left;
	width: 95px;
}
.dl_products dd.dec,.dl_guides dd.dec {
	float: right;
	width: 762px;
	color: #595857;
}
.dd_products_input {
	float  : left;
	width  : 190px;
	height : 24px;
	padding: 0 10px;
	border : 1px solid #e6e6e6;
	margin : 0 20px 0 0;
}
.dd_products_textarea {
	width  : 648px;
	padding: 10px;
	line-height: 20px;
	height : 60px;
	border : 1px solid #e6e6e6;
	
}
.dd_products_textarea:focus,.dd_products_input:focus {box-shadow: 0 0 2px #4768a8;}
/* 自定义复选框单选框 */
.custom_checkbox,.custom_radio {
	position    : relative;
	float       : left;
	margin-right: 20px;
	height      : 26px;
	line-height : 26px;
}
.custom_checkbox em,.custom_radio em {
	background : url(../images/icon.png) no-repeat 0 0;
	cursor 	   : pointer;
	display    : inline-block;
	width      : 17px;
	height     : 18px;
	vertical-align: -4px;
	margin-right  : 5px; 
}
.custom_checkbox em.focus {background-position: 0 -48px;}
.custom_radio em { background-position: 0 -96px;}
.custom_radio em.focus {
	background-position: 0 -143px;
	border-radius      : 50%;
	box-shadow         : 0 0 2px #4768a8;
}
/* 自定义下拉框 */
.custom_select {
	position   : relative;
	line-height: 28px;
	min-width  : 98px;
	float      : left;
	margin     : 0 20px 0 0; 
}
.custom_select ul{
	display  : none;
	background: #c9cacb;
	position : absolute;
	top      : 0;
	left     : 124px;
	min-width: 124px;
	border   : 1px solid #bcbdbd;
}
.custom_select .startUl {
	top : 27px;
	left: 0;
}
.custom_select span.tit {
	display : block;
	padding : 0 10px;
}
.custom_select span {
	padding: 0 10px;
	cursor : pointer;
}
.custom_select span:hover {color : #000;}
.custom_select span.tit.focus {
	background: #636da7;
	color     : #d0cee2;
}
.custom_select li {
	line-height: 34px;
	position   : relative;
}
.custom_select span.startTit {
	background : url(../images/icon.png) no-repeat right -223px #c9cacb;
	padding: 0 30px 0 10px;
	display: inline-block;
	height : 28px;
	border : 1px solid #bcbdbd;
	cursor : pointer; 
}

.dl_shopName .dd_products_input{ width: 506px;}
.dd_input_button {
	background  : #c9cacb;
	line-height : 28px;
	margin-right: 20px;
	float  : left;
	height : 28px;
	padding: 0 20px;
	cursor : pointer;
	border : 1px solid #bcbdbd;
	color  : #666; 
}
.dd_input_button:hover {
	background  : #526eac;
	color       : #fff !important;
	border-color: #697cb5;
}
.dl_product_updataMiddleImg,.dl_product_updataBigImg {
	width : 95px;
	float : left;
	margin: 0 15px 15px 0;
}
.dl_product_updataMiddleImg dd img {
	border: 1px solid #bcbdbd;
	width : 95px;
	height: 95px;
}
.dl_product_updataMiddleImg dt,.dl_product_updataBigImg dt {
	line-height: 18px;
	font-size  : 12px;
	color      : #999;
	cursor     : pointer;;
}
.dl_product_updataBigImg {
	width : 140px;
}
.dl_product_updataBigImg dd img{
	border: 1px solid #bcbdbd;
	width : 140px;
	height: 78px;
}
.dl_product_updataMiddleImg dd:hover img,.dl_product_updataBigImg dd:hover img {
	border-color: #636da7;
	box-shadow  : 0 0 15px #636da7;
}
.mouseUpdateImgShowBig {
	background: #fff;
	position  : absolute;
	border    : 5px solid #e6e6e6;
	box-shadow: 0 0 3px #e6e6e6;
	left      : 50%;
	z-index   : 2;
	box-shadow: 0 0 15px #636da7;
	padding   : 5px;
}
.mouseUpdateImgShowBig img { display: block;}

/*---------- 商品管理页面 ----------*/

.products_status_list .state {
	background  : #c9cacb;
	line-height : 28px;
	margin-right: 20px;
	float  : left;
	height : 28px;
	padding: 0 20px;
	cursor : pointer;
	border : 1px solid #bcbdbd;
	color  : #666;
}
.products_status_list .state.focus{
	background  : #526eac;
	color       : #fff !important;
	border-color: #697cb5;
}

.search_btn {
	background: #526eac;
	color     : #fff;
	position  : absolute;
	float     : none;
	top       : -38px;
	right     : 0;
}

/* 自定义表格 */
.dl_table span a,.dl_table span {color : #3f3b3a;}
.dl_table span {
	display    : block;
	position   : relative;;
	float      : left;
	margin-left: 10px;
	wrap-word  : break-word;
	word-break : break-all;
	line-height: 24px;
	text-align : center;
	
}
.dl_table dt{
	background : #dddcdc;
	height     : 40px;
	overflow   : hidden;
	margin-bottom: 5px;
}
.dl_table dt span  { line-height: 40px;}
.dl_table .old     { background: #f6f6f6;}
.dl_table dd       { font-size : 12px; margin-bottom: 10px;}
.dl_table dd:hover { background: #e5e2e3;}

.dl_table .tabId       { width: 60px; text-align: left;}
.dl_table .tabName     { width: 190px;}
.dl_table .tabCategory { width: 40px;}
.dl_table .tabPrice    { width: 76px;}
.dl_table .tabAuthor   { width: 40px;}
.dl_table .tabDate     { width: 75px;}
.dl_table .tabState    { width: 45px;}
.dl_table .tabOperation{ width: 160px;}
.dl_table .tabOperation a { margin-left: 5px; text-decoration: underline;}

/* 分页 */
.pages_box { padding: 20px 0;}
.pages_box .pages,.pages_box .search {
	float      : right;
	line-height: 24px;
}
.pages_box .search { margin-left: 20px;}
.pages_box .search .txt { width : 19px;}
.pages_box .pages a,.pages_box .pages span,.pages_box .search .txt{
	display: inline-block;
	height : 24px;
	padding: 0 10px;
	margin : 0 2px; 
}
.pages_box .pages a,.pages_box .search .txt  {border : 1px solid #bcbdbd;}
.pages_box .search .sbm {
	background: #c9cacb;
	display: inline-block;
	height : 24px;
	border : 1px solid #c9cacb;
	cursor: pointer;
	padding: 0 10px;
}
.pages_box .pages a:hover,.pages_box .pages .focus,.pages_box .search .sbm:hover{
	background  : #526eac;
	color       : #fff !important;
	border-color: #697cb5;
}

/*---------- 品类管理页面 ----------*/
.products_saveCategorySort {
	position  : absolute;
	float     : none;
	top       : -38px;
	right     : 120px;
}

.products_addCategory {
	position  : absolute;
	float     : none;
	top       : -38px;
	right     : 0;
}
.showAndHide_box { margin-bottom: 10px;}
.showAndHide_box .title {
	background: #e4e4e4;
	padding   : 0 30px;
	display   : block;
	font-size : 14px;
	color     : #3f3b3a;
	height    : 44px;
	line-height: 44px;
	font-weight: normal;
}
.showAndHide_box .title span { float: left;}
.showAndHide_box .title .tips {
	background: url(../images/icon.png) no-repeat 0 -292px;
	cursor    : pointer;;
	display   : block;
	height    : 44px;
	width     : 20px;
}
.showAndHide_box .title .tips.focus { background-position: 0 -336px;}
.showAndHide_box .title .operation {
	float    : right;
	margin   : 0 0 0 30px;
	font-size: 15px;
	color    : #526eac;
}
.showAndHide_box .dec{
	background : #f6f6f6;
	display    : none;
}
.ul_category_list {	padding: 10px 20px;}
.ul_category_list ul {border-top: 1px solid #e9e9e9;}
.ul_category_list li{
	padding    : 0 0 0 30px;
	line-height: 30px;
}
.ul_category_list li span {
	position    : relative;
	display     : block;
	height      : 30px;
	padding-left: 20px;	
}
.ul_category_list li span i {
	background : url(../images/icon.png) no-repeat 0 -301px;
	position   : absolute;
	top   : 2px;
	left  : 0;
	width : 20px;
	height: 20px;
	cursor: pointer;
}
.ul_category_list li span i.focus{ background-position: 0 -345px;}
.ul_category_list li span a {
	float : right;
	margin: 0 0 0 20px;
}


/*---------- 用户管理 ----------*/
.user_container { background: none;}
.user_container .con_right{
	width: 1092px;
	float: none;
}

/*---------- 添加导购页面 ----------*/
.guide_add_form { position: relative;}
.dl_radio_select .custom_select { display: none;}
.dl_guide_sbmBtn,.dl_guide_addBtn {
	background: #526eac;
	color     : #fff;
	position  : absolute;
	float     : none;
	top       : -38px;
	right     : 0;
}
.guideAddTxtImgBox,.guideAddItemBox {
	background: #f8f9fa;
	position  : relative;
	border    : 1px solid #f0f2f3;
}
.guideAddTxtImgShow,.guideAddItemShow  { padding   : 10px 15px; }
.guideAddTxtImgShow p{
	color: #526eac;
	margin-bottom : 5px;
}
.guide_add_textarea {
	padding: 10px;
	border : 1px solid #e6e6e6;
	width  : 708px;
	line-height: 20px;
	height : 60px;
}
.guideAddTxtImgShow span { cursor: pointer;}
.guide_add_textarea:focus {box-shadow: 0 0 2px #4768a8;}
.guideAddTxtImgShow img,.guideAddTxtImgShow .img {
	width : 140px;
	height: 78px;
}
.guideAddTxtImgShow:hover,.guideAddItemShow:hover { background: #e2e2e2;}
.dl_guide_updataBibImg {
	width : 140px;
	float : left;
	margin: 0 15px 15px 0;
}
.dl_guide_updataBibImg dt {
	line-height: 18px;
	font-size  : 12px;
	color      : #999;
	cursor     : pointer;;
}
.dl_guide_updataBibImg dd img{
	border: 1px solid #bcbdbd;
	width : 140px;
	height: 78px ;
}
.dl_guide_updataBibImg dd:hover img {
	border-color: #636da7;
	box-shadow  : 0 0 15px #636da7;
}
.guideAddItemShow p{
	color: #526eac;
	clear: both;
	margin-bottom: 5px;
}
.guideAddItemShow dl {
	float: left;
	width: 580px;
}
.guideAddItemShow dt {font-weight: bold;}
.guideAddItemShow .price { margin-bottom: 10px;}
.guideAddItemShow .price span { margin-right: 15px; color: #999;}
.guideAddItemShow dd img {
	width : 80px;
	height: 80px;
	margin: 0 15px 0 0;
}
.guideAddItemShow dt { color : #595857;}
.guideAddItemShow .edi,.guideAddItemShow .del,.guideAddItemShow .see {
	float: right;
	margin-left : 15px;
}
/* 模板二 */
.guide_decList_box {
	position: relative;
	border: 1px dashed #999;
	padding: 15px;
	margin-bottom: 15px;
}
.guide_decList_box .guide_add_textarea {width  : 676px;}
.guide_decList_box .dl_guides dd.dec {width  : 730px;}
.guide_decList_tips {
	background: #8ec320;
	font-size : 12px;
	position  : absolute;
	box-shadow: 0 0 2px #999;
	border :1px solid #999;
	z-index: 2;
	width  : 34px;
	height : 34px;
	color  : #fff;
	padding: 5px;
	cursor : pointer;
	top    : -18px;
	left   : -18px;
	line-height: 17px;
	text-align : center;
	border-radius: 50%;
}